@import "./variables.scss"; // 引入scss
@import "./mixin.scss"; // 引入scss
@import "./transition.scss"; // 引入scss
@import "./element-ui.scss"; // 引入scss
@import "./sidebar.scss"; // 引入scss

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
div {
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: PingFang SC, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  padding: 20px;
}

// margin-top: 20px;
.mt20 {
  margin-top: 20px;
}

// margin-right: 20px;
.mr20 {
  margin-right: 20px;
}

// 异常 颜色
.error {
  color: #e8525b;
}

// 成功 颜色
.success {
  color: #6dd400;
}

// 等待 颜色
.wait {
  color: #e6a23c;
}

// 主要 颜色
.primary {
  color: #409eff;
}

// 灰色
.grey {
  color: #606266;
}

/* area-link样式 */
.area-select {
  background: transparent;
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px;
  height: 40px !important;
  width: 450px !important;
}
.area-select > .area-selected-trigger {
  color: #606266 !important;
  padding: 0 10px 0 12px !important;
}
.cascader-menu-list > .cascader-menu-option.selected {
  color: #409eff !important;
}
/* 标准按钮通用样式 */
.common-btn {
  width: 80px;
  height: 32px;
  padding: 0;
}
